@primarycolor: #FF7F50;
@color:#800080;
@fontSize: 10px;
@width:1.0;
.mycolor{
  color:@color;
  width:percentage(@width);
}
.container{
  h1{
    font-size: 25px;
    color: #3c7949;
  }
  p{
    font-size: 25px;
    color: ~"green"
  }
}

.myclass{
  font-size:@fontSize *2;
  color:green;
  h1{
    font-size: 25px;
    color: #e45456;
  }
  p{
    font-size:25px;
    color: #3c7949;
  }
}
.class1{
  .class2{
    .val(@param){
      font-size: @param;
      color:green;
    }
  }
}
.myclassb{
  .class1>.class2>.val(20px)
}
h2{
  &:extend(.style);
  font-style:italic;
}
.style{
  background: green;
}
.sstyle:extend(.containera,.img)
{
  background: #bf70a5;
}
.containera{
  font-style: italic;
}
.img{
  font-size:30px;
}
.border(@width;@style;@color){
  border: @width @style @color
}
